<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script type="text/x-template" id="dialogAddNode">
<div class="dialogs">
    <div class="dialog dialog-addnode" :class="{ 'dialog-active': show }">
        <div class="dialog-content">
            <div class="dialog-close dialog-rotate">
                <span class="dialog-iconfont icon-close" @click="close"></span>
            </div>
            <div class="dialog-header" slot="header">
                <h1 class="dialog-addnode-title">
                    <div>添加节点</div>
                </h1>
            </div>
            <div class="dialog-body" slot="body">
                <div class="dialog-addnode-body-head">
                    <div>
                        <div><div class="necessary"></div>节点名称</div>
                        <div>
                            <input type="text" placeholder="请输入节点名称" class="width-300">
                        </div>
                    </div>
                    <div>
                        <div><div class="necessary"></div>与首节点间隔</div>
                        <div><input type="text" placeholder="0-10000"><span style="padding-left: 15px">天</span></div>
                    </div>
                </div>
                <div class="dialog-addnode-body-content">
                    <div class="add-survey">
                        <div @click="addSurvey()"><div class="add-image"></div>添加量表</div>
                        <div>
                            <ol>
                                <li v-for="survey in surveys">{{survey}}</li>
                            </ol>
                        </div>
                    </div>
                    <div class="add-notice">
                        <div @click="addNotice()"><div class="add-image"></div>添加须知</div>
                        <div>
                            <ol>
                                <li v-for="notice in notices">{{notice}}</li>
                            </ol>
                        </div>
                    </div>
                </div>
                <div class="dialog-confirm">
                    保存
                </div>
            </div>
        </div>
    </div>
    <div class="dialog-overlay"></div>
</div>
</script>
<script>
    var dialogAddNode = {
        template: '#dialogAddNode',
        props: ['show', 'name', 'time', 'surveys', 'notices','show_add_survey','show_add_notice'],
        methods: {
            close: function () {
                this.show = false
            },
            addSurvey: function () {
                this.show_add_survey = true
            },
            addNotice: function () {
                this.show_add_notice = true
            }
        }
    }
</script>
<link rel="stylesheet" href="../../css/txzj/font/iconfont.css" />
<link rel="stylesheet" href="../../css/txzj/component/dialog.css" />
<link rel="stylesheet" href="../../css/txzj/component/dialog-add-node.css" />